// // my-app/src/app/courses/[id]/page.js
// 'use client';
// import React from 'react';
// import BlogDetails from '../../../components/biogComponent/BlogDetails';

// const BlogDetailPage = ({ params }) => {
//   const { id } = params;

//   if (!id) return <p>Loading...</p>;

//   return <BlogDetails blogId={id} />;
// };

// export default BlogDetailPage;

// my-app/src/app/courses/[id]/page.js
'use client';
import React from 'react';
import BlogDetail from '../../../components/biogComponent/BlogDetail';

const BlogDetailPage = ({ params }) => {
  const { id: blogId } = params;

  if (!blogId) return <p>Loading...</p>;

  return <BlogDetail blogId={blogId} />;
};

export default BlogDetailPage;
